<template>
  <div class="filed-list px-4">
    <a-scrollbar style="height: 100%; overflow: auto">
      <a-form :model="form" auto-label-width layout="vertical">
        <div class="grid">
          <a-form-item
            v-for="(item, key) in form.expands"
            :key="key"
            field="goodsName"
            :rules="{ message: t['校验失败'] }"
            :label="item.fieldName"
          >
            <a-textarea v-model="item.value" allow-clear :max-length="250" show-word-limit />
          </a-form-item>
        </div>
      </a-form>
    </a-scrollbar>
  </div>
</template>

<script setup lang="ts">
import { form } from "../data/form";

const t = translate("公共模块");
</script>

<style lang="scss" scoped>
.grid {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 12px;
}
</style>
../data/form
